<template>
    <div class="container">
        <!-- 顶部 -->
        <van-nav-bar
            title="注册"
            left-text="返回"
            left-arrow
            @click-left="onClickLeft"
        />
        <!-- 二维码 -->
        <div class="code">
           <img src="../assets/code.jpg" alt="">
        </div>
        <!-- 提示 -->
        <div class="tips">扫描小程序二维码进行注册</div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    methods:{
        // 返回上一级
        onClickLeft(){
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
// 顶部样式
/deep/.van-nav-bar__text{
	color: #333;
}
/deep/.van-nav-bar{
	.van-icon{
		color: #333;
	}
}
// 二维码
.code{
    padding-top: 0.3rem;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    img{
        width: 100%;
        height: 100%;
    }
}
.tips{
    width: 4.5rem;
    height: 0.7rem;
    margin: 0 auto;
    border-radius: 25px;
    color: #fff;
    font-size: 0.28rem;
    background-color: #FF9800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.3rem;
}
</style>